<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<meta name="viewport" content="width=750,maximum-scale=1.0,user-scalable=no">

<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/tungou.css">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">

</head>
<body>
    <div class="header">
       <a href="#" class="logo"><img src="images/logo.png"></a>
       <div class="search">
       	  <input type="text" placeholder="请输入商品名称" />
       </div>
       <div class="city">
       	  <select>
              <option value="广州市">广州市</option>
              <option value="深圳市">深圳市</option>
              <option value="东莞市">东莞市</option>
              <option value="佛山市">佛山市</option>
        </select>
       </div>


    </div>

    <!-- header end -->
    <div class="banner">
    	<img src="images/banner.png">
    </div>
    <!-- banner end -->
    <div class="shop">
    	
    	 <div class="shop_list">
    	 	 优惠团购
    	 </div>
    	 <span class="shop_more">更多<a href="#"><img src="images/shop_more_bg.png"></a></span>
    	 <div class="shop_flex">
    	     <a href="#"><img class="wow flipInY" data-wow-iteration="5" data-wow-duration="0.15s" src="images/flex_img.png" ></a>
             <a href="#"><img class="wow flipInY" data-wow-iteration="5" data-wow-duration="0.15s" src="images/food_list1.png"  ></a>
             <a href="#"><img class="wow flipInY" data-wow-iteration="5" data-wow-duration="0.15s" src="images/food_list3.png" ></a>
             <a href="#"><img class="wow flipInY" data-wow-iteration="5" data-wow-duration="0.15s" src="images/food_list2.png"  ></a>
    	 </div>
    </div>

    
    <!-- shop_list end -->

    <div class="list">
    	 
    	 <div class="list_title">猜你喜欢</div>
    	 <span class="list_more">更多<a href="#"><img src="images/shop_more_bg.png" /></a></span>
         <div class="clear"></div>


    	 <ul class="food_list">
    	 	
    	 	<li>
    	 		 <div class="food_img wow fadeInLeft " data-wow-iteration="1" data-wow-duration="1s" >
    	 		 	<img src="images/food_list.png">
    	 		 </div>
    	 		 <ul class="desc wow fadeInRight  " data-wow-iteration="1" data-wow-duration="1s">
    	 		 	<li>
    	 		 	   <a href="#">万岁寿司（正佳店）</a>
    	 		 	   <span> &lt;100m </span>

    	 		 	</li>
    	 		 	<li>[100店通用]双人套餐</li>
    	 		 	<li>
    	 		 		<span>￥88.00</span>
    	 		 		<span>已售1000</span>
    	 		 	</li>
    	 		 </ul>
    	 	</li>
            <li>
                 <div class="food_img wow fadeInLeft " data-wow-iteration="1" data-wow-duration="1s">
                    <img src="images/food_list_li.png">
                 </div>
                 <ul class="desc wow fadeInRight  " data-wow-iteration="1" data-wow-duration="1s">
                    <li>
                       <a href="#">万岁寿司（正佳店）</a>
                       <span> &lt;100m </span>

                    </li>
                    <li>[100店通用]双人套餐</li>
                    <li>
                        <span>￥88.00</span>
                        <span>已售1000</span>
                    </li>
                 </ul>
            </li>
            <li>
                 <div class="food_img wow fadeInLeft " data-wow-iteration="1" data-wow-duration="1s">
                    <img src="images/food_list.png">
                 </div>
                 <ul class="desc wow fadeInRight  " data-wow-iteration="1" data-wow-duration="1s">
                    <li>
                       <a href="#">万岁寿司（正佳店）</a>
                       <span> &lt;100m </span>

                    </li>
                    <li>[100店通用]双人套餐</li>
                    <li>
                        <span>￥88.00</span>
                        <span>已售1000</span>
                    </li>
                 </ul>
            </li>

    	 </ul>

    </div>

   <div class="footer">
       
    <div class="menu">
       <a href="meta.html"><img src="images/menu_img1.png" />首页</a>
       <a href="index2.html" target="_blank"><img src="images/menu_img2.png" />分类</a>
       <a href="index3.html" target="_blank"><img src="images/menu_img3.png" />发现</a>
       <a href="index4.html" target="_blank"><img src="images/menu_img4.png" />我的</a>
    </div>
   </div>
    <!-- footer end -->
</body>
</html>
<script type="text/javascript" src="./js/wow.min.js"></script>
<script>
       new WOW().init();
     </script>